/**
 * scss 全局变量 定义
 */

@import './theme.scss';

// 应用背景色
$g-app-bg: #fff;

// 主区域背景色
$g-main-bg: #f5f7f9;

/** 头部 **/
$g-header-width: 100%;  // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
$g-header-height: 70px; // 头部高度
$g-header-bg: #222b45;  // 头部背景色
$g-header-menu-color: #fff; // 头部导航文字颜色
$g-header-menu-active-bg: lighten($g-header-bg, 10);    // 头部导航选中颜色

/** 侧边栏 **/
$g-main-sidebar-width: var( --g-sidebar-width-collapse);    // 主侧边栏宽度
$g-main-sidebar-bg: #222b45;    // 主侧边栏背景色
$g-main-sidebar-menu-color: #fff;   // 主侧边栏文字颜色
$g-main-sidebar-menu-active-bg: lighten($g-main-sidebar-bg, 10);    // 主侧边栏菜单选中背景色

// $g-color-sidebar-hover-bg: lighten(var(--g-color-sidebar-hover-bg), 8);

$g-sidebar-width: var(--g-sidebar-width);
$g-sidebar-width-collapse: var( --g-sidebar-width-collapse);

$g-sub-sidebar-width: var(--g-sidebar-width);    // 次侧边栏宽度
$g-sub-sidebar-bg: #fafafa;   // 次侧边栏背景色
$g-sub-sidebar-menu-color: #37414b;   // 次侧边栏菜单文字颜色
$g-main-sidebar-menu-color-light: rgb(196, 196, 196); // 次侧边栏浅色文字颜色
$g-sub-sidebar-menu-hover-color: #409eff;   // 侧边栏文字hover颜色
$g-sub-sidebar-menu-active-color: #e7f4ff;  // 次侧边栏菜单文字选中颜色
$g-sub-sidebar-menu-active-bg: #409eff; // 次侧边栏菜单选中背景色
$g-sidebar-width: var(--real-sidebar-width);    // 整个侧边栏的宽度

$g-sidebar-logo-height: 50px;   // 侧边栏Logo高度
$g-topbar-height: 50px; // 顶部导航栏高度
